<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登录页面</title>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>
    <body>
        <div class="box">
            <div class="box-small">
                <div class="box-small-left"></div>
                <div class="box-small-right">
                    <div class="box-title">
                        <h2>Hi</h2>
                        <h2>欢迎登录“打断钱的狗腿子”的网页</h2>
                    </div>
                    <div class="box-form">
                        <form action="" method="">
                            <label>
                                <img src="img/user-icon.png" alt="">
                                <input type="text" name="" id="text" value="" placeholder="用户名"/>
                            </label>
                            <label>
                                <img src="img/password-icon.png" alt="">
                                <input type="password" name="" id="password" value="" placeholder=" 密码"/>
                            </label>
                            <button type="button">登录 </button>

                        </form>
                    </div>
                    <div class="other">
                        <div class="other-title">
                            <div class="title-line"></div>
                            <p>其他方式登陆</p>
                            <div class="title-line"></div>
                        </div>
                        <div class="other-list">
                            <ul>
                                <li>
                                    <a href="www.baidu.com" ><img src="img/list-qq.png"></a>
                                    <span>第三方登陆</span>
                                </li>
                                <li>
                                    <a href=""><img src="img/list-weixin.png"></a>
                                    <span>第三方登陆</span>
                                </li>
                                <li>
                                    <a href=""> <img src="img/list-weibo.png"></a>
                                    <span>第三方登陆</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-footer">
<!--                <h1></h1>-->
            </div>

        </div>



        
    </body>
</html>